<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>
  </head>
  <body>
    <script>
      /* 1、业务
        技术选型是否合理 element-ui antd
        熟悉业务场景 不会全部推翻 架构整体优化 封装 分模块对项目重构

    2、疑难杂症*/
      window.number = 3;
      let number = 9;

      console.log(window.number);
      console.log(number);

      class Test {
        constructor(name, age) {
          this.name = name;
          this.age = age;
          this.aFunction = () => {
            console.log(this);
          };
        }

        aFunction() {
          console.log("a");
        }

        bFunction() {
          console.log("a");
        }
      }

      console.log(new Test("张三", 18));
      new Test("张三", 18).aFunction();

      const obj = {
        name: "张三",
        test: function () {
          console.log(this);
        },
      };

      const obj1 = {
        name: "张三",
        test: () => {
          console.log(this);
        },
      };

      const obj3 = {
        name: "张三",
        test: function () {
          return () => {
            console.log(this);
          };
        },
      };

      console.log(obj.test());
      console.log(obj1.test());
      console.log(obj3.test()());
    </script>
  </body>
</html>
